<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>王者荣耀登录页面</title>
    <link rel="stylesheet" href="wzry.css">
<body>
   
    <div class="wrapper">
        <!-- 内容区域1 S -->
        <div class="zkcontent">
            <div class="zk-con-box">
                <!-- 位置信息 S -->
                <div class="zk-con1 zk-con">
                    <div class="con1-pos">
                        <i class="tb1 icon fl"></i>
                        <a href="/" target="_blank" title="王者荣耀首页">王者荣耀首页</a>
                        <span>></span>
                        <label>英雄介绍</label>
                    </div>
                    <h1 class="herolist-title">英雄介绍</h1>
                    <ul class="herolist-nav">
                        <li class="current"><a href="herolist.shtml" target="_blank">英雄</a></li>
                        <li><a href="item.shtml" target="_blank">局内道具</a></li>
                        <li><a href="summoner.shtml" target="_blank">召唤师技能</a></li>
                    </ul>
                </div>
                <!-- 位置信息 E -->
                <!-- 英雄介绍 S -->
                <div class="herolist-box">
                    <div class="clearfix herolist-types">
                        <ul class="types-left">
                            <li>综合</li>
                            <li>定位</li>
                        </ul>
                        <ul class="clearfix types-ms">
                            <li data-ptype="10">
                                <span class="ms-radio"><i class="i"></i></span>
                                <label>本周免费</label>
                            </li>
                            <li data-ptype="11">
                                <span class="ms-radio"><i class="i"></i></span>
                                <label>新手推荐</label>
                            </li>
                        </ul>
                        <ul class="clearfix types-ms">
                            <li class="current" data-type="0">
                                <span class="ms-radio"><i class="i"></i></span>
                                <label>全部</label>
                            </li>
                            <li data-type="3">
                                <span class="ms-radio"><i class="i"></i></span>
                                <label>坦克</label>
                            </li>
                            <li data-type="1">
                                <span class="ms-radio"><i class="i"></i></span>
                                <label>战士</label>
                            </li>
                            <li data-type="4">
                                <span class="ms-radio"><i class="i"></i></span>
                                <label>刺客</label>
                            </li>
                            <li data-type="2">
                                <span class="ms-radio"><i class="i"></i></span>
                                <label>法师</label>
                            </li>
                            <li data-type="5">
                                <span class="ms-radio"><i class="i"></i></span>
                                <label>射手</label>
                            </li>
                            <li data-type="6">
                                <span class="ms-radio"><i class="i"></i></span>
                                <label>辅助</label>
                            </li>
                        </ul>
                        <div class="herosearch">
                            <input type="text" id="search" name="search" class="herosearch-input" value="请输入你想要搜索的英雄名">
                            <a href="javascript:void(0);" class="herosearch-icon" title="点击搜索" id="searchBtn"></a>
                        </div>
                    </div>
                    <div class="herolist-content">
                        <p id="JErroTips" style="display:none;">输入英雄不存在，请重新输入</p>
                        <ul class="herolist clearfix">
                            <li><a href="herodetail/506.shtml" target="_blank"><img
                                        src="//game.gtimg.cn/images/yxzj/img201606/heroimg/506/506.jpg" width="91"
                                        height="91" alt="云中君">云中君</a></li>
                            <li><a href="herodetail/505.shtml" target="_blank"><img
                                        src="//game.gtimg.cn/images/yxzj/img201606/heroimg/505/505.jpg" width="91"
                                        height="91" alt="瑶">瑶</a></li>
                            <li><a href="herodetail/529.shtml" target="_blank"><img
                                        src="//game.gtimg.cn/images/yxzj/img201606/heroimg/529/529.jpg" width="91"
                                        height="91" alt="盘古">盘古</a></li>
                            <li><a href="herodetail/511.shtml" target="_blank"><img
                                        src="//game.gtimg.cn/images/yxzj/img201606/heroimg/511/511.jpg" width="91"
                                        height="91" alt="猪八戒">猪八戒</a></li>
                            <li><a href="herodetail/515.shtml" target="_blank"><img
                                        src="//game.gtimg.cn/images/yxzj/img201606/heroimg/515/515.jpg" width="91"
                                        height="91" alt="嫦娥">嫦娥</a></li>
                            <li><a href="herodetail/513.shtml" target="_blank"><img
                                        src="//game.gtimg.cn/images/yxzj/img201606/heroimg/513/513.jpg" width="91"
                                        height="91" alt="上官婉儿">上官婉儿</a></li>
                            <li><a href="herodetail/507.shtml" target="_blank"><img
                                        src="//game.gtimg.cn/images/yxzj/img201606/heroimg/507/507.jpg" width="91"
                                        height="91" alt="李信">李信</a></li>
                            <li><a href="herodetail/312.shtml" target="_blank"><img
                                        src="//game.gtimg.cn/images/yxzj/img201606/heroimg/312/312.jpg" width="91"
                                        height="91" alt="沈梦溪">沈梦溪</a></li>
                            <li><a href="herodetail/508.shtml" target="_blank"><img
                                        src="//game.gtimg.cn/images/yxzj/img201606/heroimg/508/508.jpg" width="91"
                                        height="91" alt="伽罗">伽罗</a></li>
                            <li><a href="herodetail/509.shtml" target="_blank"><img
                                        src="//game.gtimg.cn/images/yxzj/img201606/heroimg/509/509.jpg" width="91"
                                        height="91" alt="盾山">盾山</a></li>
                            <li><a href="herodetail/137.shtml" target="_blank"><img
                                        src="//game.gtimg.cn/images/yxzj/img201606/heroimg/137/137.jpg" width="91"
                                        height="91" alt="司马懿">司马懿</a></li>
                            <li><a href="herodetail/510.shtml" target="_blank"><img
                                        src="//game.gtimg.cn/images/yxzj/img201606/heroimg/510/510.jpg" width="91"
                                        height="91" alt="孙策">孙策</a></li>
                            <li><a href="herodetail/125.shtml" target="_blank"><img
                                        src="//game.gtimg.cn/images/yxzj/img201606/heroimg/125/125.jpg" width="91"
                                        height="91" alt="元歌">元歌</a></li>
                            <li><a href="herodetail/504.shtml" target="_blank"><img
                                        src="//game.gtimg.cn/images/yxzj/img201606/heroimg/504/504.jpg" width="91"
                                        height="91" alt="米莱狄">米莱狄</a></li>
                            <li><a href="herodetail/503.shtml" target="_blank"><img
                                        src="//game.gtimg.cn/images/yxzj/img201606/heroimg/503/503.jpg" width="91"
                                        height="91" alt="狂铁">狂铁</a></li>
                            <li><a href="herodetail/197.shtml" target="_blank"><img
                                        src="//game.gtimg.cn/images/yxzj/img201606/heroimg/197/197.jpg" width="91"
                                        height="91" alt="弈星">弈星</a></li>
                            <li><a href="herodetail/502.shtml" target="_blank"><img
                                        src="//game.gtimg.cn/images/yxzj/img201606/heroimg/502/502.jpg" width="91"
                                        height="91" alt="裴擒虎">裴擒虎</a></li>
                            <li><a href="herodetail/176.shtml" target="_blank"><img
                                        src="//game.gtimg.cn/images/yxzj/img201606/heroimg/176/176.jpg" width="91"
                                        height="91" alt="杨玉环">杨玉环</a></li>
                            <li><a href="herodetail/199.shtml" target="_blank"><img
                                        src="//game.gtimg.cn/images/yxzj/img201606/heroimg/199/199.jpg" width="91"
                                        height="91" alt="公孙离">公孙离</a></li>
                            <li><a href="herodetail/501.shtml" target="_blank"><img
                                        src="//game.gtimg.cn/images/yxzj/img201606/heroimg/501/501.jpg" width="91"
                                        height="91" alt="明世隐">明世隐</a></li>
                            <li><a href="herodetail/179.shtml" target="_blank"><img
                                        src="//game.gtimg.cn/images/yxzj/img201606/heroimg/179/179.jpg" width="91"
                                        height="91" alt="女娲">女娲</a></li>
                            <li><a href="herodetail/198.shtml" target="_blank"><img
                                        src="//game.gtimg.cn/images/yxzj/img201606/heroimg/198/198.jpg" width="91"
                                        height="91" alt="梦奇">梦奇</a></li>
                            <li><a href="herodetail/194.shtml" target="_blank"><img
                                        src="//game.gtimg.cn/images/yxzj/img201606/heroimg/194/194.jpg" width="91"
                                        height="91" alt="苏烈">苏烈</a></li>
                            <li><a href="herodetail/195.shtml" target="_blank"><img
                                        src="//game.gtimg.cn/images/yxzj/img201606/heroimg/195/195.jpg" width="91"
                                        height="91" alt="百里玄策">百里玄策</a></li>
                            <li><a href="herodetail/196.shtml" target="_blank"><img
                                        src="//game.gtimg.cn/images/yxzj/img201606/heroimg/196/196.jpg" width="91"
                                        height="91" alt="百里守约">百里守约</a></li>
                            <li><a href="herodetail/193.shtml" target="_blank"><img
                                        src="//game.gtimg.cn/images/yxzj/img201606/heroimg/193/193.jpg" width="91"
                                        height="91" alt="铠">铠</a></li>
                            <li><a href="herodetail/189.shtml" target="_blank"><img
                                        src="//game.gtimg.cn/images/yxzj/img201606/heroimg/189/189.jpg" width="91"
                                        height="91" alt="鬼谷子">鬼谷子</a></li>
                            <li><a href="herodetail/182.shtml" target="_blank"><img
                                        src="//game.gtimg.cn/images/yxzj/img201606/heroimg/182/182.jpg" width="91"
                                        height="91" alt="干将莫邪">干将莫邪</a></li>
                 
                        </ul>
                    </div>
                </div>
              
            </div>
        </div>


</body>
</html>